<template>
  <div>
      <p>{{state.content}}</p>
      <p>上述只是简单描述下</p>
      <el-link type="primary" target="blank" href="https://vue3js.cn/docs/zh/guide/composition-api-introduction.html#%E4%BB%80%E4%B9%88%E6%98%AF%E7%BB%84%E5%90%88%E5%BC%8F-api">具体详见</el-link>
  </div>
</template>

<script>
import { reactive } from 'vue'
export default {
  name: 'tab1',
  setup () {
    const state = reactive({
      content: 'vue3 新增了setup()方法，data、computed等属性都需要放到 setup 中，setup 返回的是一个对象，该对象包含在组件中应该可用的所有内容。另外还使用了两个函数**reactive()、computed()**。reactive 与 Vue 2 中的 Vue.observable 等效。computed() 是创建计算属性的另一种方式，除此之外与2没有区别'
    })
    return {
      state
    }
  }
}
</script>

<style>
</style>
